<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>产品兑换审核</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">

    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>

    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <!--表单校验插件-->
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/csd/customerManager/productExchangeReview.css" type="text/css"/>
</head>
<body>
<div class="container-fluid" id="productExchange">
    <div class="card">
        <div class="card-header">
            <h1>产品兑换审核</h1>
        </div>
        <div>
            <div class="card-body">
                <div class="modules clearFix">
                    <header>
                        订单详情
                        <span id="orderNumber">(订单编号:<span id="orderNumberText"></span>)</span>
                    </header>
                    <form id="orderForm">
                        <div class="mainContainer">
                            <div class="paddNo contractTypeContainer clearFix">
                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 form-group">
                                    <label class="control-label">合同编号：</label>
                                    <span id="contractNumber" style="color: #6980F7;font-weight: bold;cursor:pointer"></span>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 form-group">
                                    <label class="control-label">订单状态：</label>
                                    <span id="productStatus" style="font-weight: bold"></span>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 form-group">
                                    <label class="control-label">客户名称：</label>
                                    <span id="customerName" style="font-weight: bold"></span>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 form-group">
                                    <label class="control-label">订单所有人：</label>
                                    <span id="userName" style="font-weight: bold"></span>
                                </div>

                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 form-group">
                                    <label class="control-label">所属分公司：</label>
                                    <span id="companyName" style="font-weight: bold"></span>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 form-group">
                                    <label class="control-label">创建时间：</label>
                                    <span id="createTm" style="font-weight: bold"></span>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card-body">
                <div class="modules">
                    <header>产品详情</header>
                    <table id="productDetail"></table>
                </div>
            </div>
            <div class="card-body">
                <div class="modules">
                    <header>要兑换的产品详情</header>
                    <table id="exchangeProductDetail"></table>
                </div>
            </div>
            <div class="card-body clearFix">
                <div class="row content-action clearFix">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="modules">
                            <header>附件与备注</header>
                            <form id="applyRemarkForm">
                                <div class="form-group" style="margin-bottom:5px">
                                    <label class="control-label">相关附件：</label>
                                    <a href="javascript:;" style="line-height:36px;margin-left:5px;" onclick="showFile(1);">查看</a>
                                </div>
                                <div class="form-group" style="margin-top:10px;margin-bottom:15px">
                                    <label class="control-label">申请备注：</label>
                                    <div class="form-content">
                                        <textarea class="form-control" readonly id="applyRemark" name="applyRemark"  rows="5"></textarea>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="modules">
                            <header>兑换审核</header>
                            <form class="form-horizontal clearFix" id="productApprovalForm">
                                <div class="form-group clearFix col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <label class="control-label pull-left label-required">结果:</label>
                                    <div class="form-content" style="height: 30px;line-height: 38px;">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="productApprovalResult" id="inlineRadio3" value="0">
                                            <label class="form-check-label" for="inlineRadio3">同意兑换</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="productApprovalResult" id="inlineRadio4" value="2">
                                            <label class="form-check-label" for="inlineRadio4">不同意兑换</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group clearFix col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <label class="control-label pull-left label-required">备注:</label>
                                    <div class="form-content">
                                        <textarea id="productRemarks" name="productRemarks" style="width:calc(100% + 30px)" class="form-control" rows="5" placeholder="请输入备注内容..."></textarea>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>

                </div>

            </div>
            <div id="productExchangeBtn">
                <button type="button" class="btn btn-default" onclick="cancel()">取消</button>
                <button type="button" class="btn btn-primary" onclick="submitExamine()">提交</button>
            </div>
        </div>
    </div>
</div>
<!-- 附件预览 -->
<div class="modal fade bs-example-modal-lg fileModal" tabindex="-1" role="dialog" id="fileModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4>附件预览</h4>
            </div>
            <div class="modal-body">
                <iframe src="" frameborder="0" id="fileIframe"></iframe>
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/common/common.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>

<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>
<!--图片查看-->
<script type="text/javascript" src="/js/viewer.js"></script>
<script type="text/javascript" src="/js/jquery-viewer.js"></script>
<!--表单校验-->
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<link rel="stylesheet" href="/css/viewer.css">
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/csd/customerManager/productExchangeReview.js"></script>
</html>
